<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>GStreamer Pipeline Verifier</title>
  <!-- Bootstrap CSS from a CDN accessible from China -->
  <link rel="stylesheet" href="./bootstrap.min.css">
  <style>
    body {
      background-color: #f8f9fa;
      padding: 20px
    }
    .jumbotron {
      background-color: #343a40;
      color: #ffffff;
    }
    .card {
      margin-bottom: 20px;
    }
    .quote-container {
      margin-top: 50px;
      text-align: center;
    }
    .quote-text {
      font-style: italic;
    }
  </style>
</head>
<body>

  <div class="jumbotron text-center">
    <h1>GStreamer Pipeline Verifier v 1.0</h1>
    <div><a href="/"> Home </a>, <a href="/test"> Test </a>, <a href="/verify"> Verify </a> </div>
  </div>

  <div class="container">

    <div class="container quote-container">
      <blockquote class="quote-text">
        "The only way to do great work is to love what you do."
        <footer class="blockquote-footer">Steve Jobs</footer>
      </blockquote>
    </div>

    


    <footer class="container quote-container">
      <hr/>
      <p>&copy; 2010 ~ 2030  Walter Fan </p>
    </footer>

  </div> <!-- container div end -->


  <!-- Bootstrap JS and dependencies -->
  <script src="https://cdn.bootcss.com/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdn.bootcss.com/popper.js/1.16.0/umd/popper.min.js"></script>
  <script src="https://cdn.bootcss.com/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
